<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>机票订购系统 - 后端管理</title>
    <link rel="stylesheet" href="../../assets/css/management_index.css">
    <link rel="stylesheet" href="../../commons/css/flights-tickets.container.css">
</head>
<body>
<header>
    <h1>机票订购系统 - 后端管理</h1>
</header>

<nav>
    <ul>
        <li><a href="management.html"><span class="icon-placeholder"></span>首页</a></li>
        <li><a href="flights.html"><span class="icon-placeholder"></span>航班管理</a></li>
        <li><a href="seats.html"><span class="icon-placeholder"></span>座位管理</a></li>
        <li><a href="tickets.html"><span class="icon-placeholder"></span>机票管理</a></li>
    </ul>
</nav>
<!-- 航班管理页面 -->
<table id="flights-table">
    <!--表格头 -->
    <thead>
    <tr>
        <th>航班编号</th>
        <th>飞机编号</th>
        <th>起点</th>
        <th>终点</th>
        <th>出发时间</th>
        <th>飞行时间</th>
        <th>到达时间</th>
    </tr>
    <!-- 表数据 -->
    <tbody>
    <tr>
        <td>F-123</td>
        <td>123</td>
        <td>北京</td>
        <td>上海</td>
        <td>10:00</td>
        <td>3</td>
        <td>13:00</td>
    </tr>

    <tr>
        <td>F-123</td>
        <td>123</td>
        <td>北京</td>
        <td>上海</td>
        <td>10:00</td>
        <td>3</td>
        <td>13:00</td>
    </tr>

    <tr>
        <td>F-123</td>
        <td>123</td>
        <td>北京</td>
        <td>上海</td>
        <td>10:00</td>
        <td>3</td>
        <td>13:00</td>
    </tr>
    </tbody>
</table>

<script>
    // 假设你有一个函数loadFlightsTable()来从后端加载航班数据并填充表格
    function loadFlightsTable() {
        // 使用Ajax请求从后端获取航班数据
        // ...
        // 假设你获取到了航班数据，并使用DOM操作填充表格
    }

    // 调用函数加载航班数据
    loadFlightsTable();

    // 添加增加、修改和查询功能的代码（略）
</script>

<footer>
    <p>&copy; 2024 机票订购系统</p>
</footer>
</body>
</html>